/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

/*Start: Styles for Application Manager Logo, time label and LogOut button styles.  */
.mainWindowHeaderPanel{
    background: url("../images/ApplicationLogo.png") no-repeat scroll left top #1D6F35;
    border-bottom: 1px solid #005721;
    color: white;
    height: 95px;
    position: relative;
    text-align: right;
    width: 100%;
    overflow: auto;
    }

.timeLabel {
	color: white;
	margin-right: 15px;
	text-align: right;
	text-indent: -15;
	
	} 
	
.logOutBtn{
	background-image: url(../images/logOut.jpg);  	
	background-repeat: no-repeat; 
	background-color: transparent;  
	border: none;
	border-top: 0px;
	border-bottom-width:0px;
	margin-right: 15px;
	}
/*End: Styles for Application Manager Logo, time label and LogOut button styles.  */

	
/*Start: Styles for:
1.productsTabPanel
2.productsTabPanel .gwt-TabPanelBottom, 
3.productsTabBar, 
4.productsTabBar .gwt-TabBarItem
5.productsTabBar .gwt-TabBarItem-selected*/

.productsTabLayoutPanel { 
    height: 35px;
    width: 100%;
	color: White;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor: default;	
	border-width:0px;	
	border-top-color: #1D6F35;
	border-top-style: solid;
	border-top-width: 1px;
}
/*
.gwt-TabPanelBottom td {
	width: 0%;
}*/
	
.productsTabLayoutPanel .gwt-TabPanelBottom{
	border-bottom-color: white;
	border-bottom-style: hidden;
	border-bottom-width: 0px;
	border-color: white;
	border-left-color: white;
	border-left-style: hidden;
	border-left-width: 0px;
	border-right-color: white;
	border-right-style: hidden;
	border-right-width: 0px;
	border-top-color: white;
	border-top-style: hidden;
	border-top-width: 0px;
	border-width: 0px;
	padding: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 100%;
	}
.productsTabBar{
	color:White;
	background-color: White;
	text-align: center;		
	margin-left:193px;
	height: 35px;	
	width: 100%;
	}

.productsTabBar .gwt-TabBarItem {
	/* margin-right: 10px; */
	font-family: "Arial", sans-serif ;
	font-size: 12px;
	padding-right: 21px;
	padding-top:14px;
	color: #4D4D4D;  	
	background-color: White;
}

.productsTabBar .gwt-TabBarItem-selected {
  	/* padding-right: 15px; */
    padding-right: 21px;
    padding-top:13px;
    font-weight: bold;
    font-size: 12px;
    color: #4D4D4D;
    background-color: White; 
    /* margin: 30px,30px,10px; */
}
/*End: Styles for productsTabPanel, productsTabBar, productsTabBar .gwt-TabBarItem
and .productsTabBar .gwt-TabBarItem-selected*/

/*Start: Styles for:
1.navPaneAndScreenDockPanel
2.productCatNavPanel*/

.navPaneAndScreenDockPanel {
	overflow:auto;
	border: 1px solid red;
	width: 0%;
}


.contentWindowControlsPanel {
	position: relative;
	width: 100%;
}

.contentWindowControlsPanel .contentWindowCmdButtonsPanel {
	position: relative;
	top:0;
}

.contentWindowCmdButtonsPanel {
	position: relative;
	width: 100%;
}

.contentWindowCmdButtonsPanel #div {
	position: relative;
	top:0;
}

.productCatNavPanel{
	width: 0%
	}

/*End: Styles for:
1.navPaneAndScreenDockPanel
2.productCatNavPanel*/

	
/* Start: Application Manager TabPanel, TabBar and TabBarItem:
1.appMgrTabPanel
2.appMgrTabPanel .gwt-TabPanelBottom
3.customizedTabBar
4.customizedTabBar .gwt-TabBarItem
5.customizedTabBar .gwt-TabBarItem .gwt-Label
6.customizedTabBar .gwt-TabBarItem:HOVER
7.customizedTabBar .gwt-TabBarItem-selected  */

.appMgrTabPanel { 
  cursor: pointer; 
  background-color: White;
  width:100%; 
}

.appMgrTabPanel .gwt-TabPanelBottom{
	border-bottom-color: white;
	border-bottom-style: hidden;
	border-bottom-width: 0px;
	border-color: white;
	border-left-color: white;
	border-left-style: hidden;
	border-left-width: 0px;
	border-right-color: white;
	border-right-style: hidden;
	border-right-width: 0px;
	border-top-color: white;
	border-top-style: hidden;
	border-top-width: 0px;
	border-width: 0px;
	padding: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width:100%; 
	}


.appMgrTabPanel .gwt-TabLayoutPanelTabs {
  	cursor: default;
  	text-align:center; 
	color:white; 	
	text-align: center;		
	height: 35px;	
	width: 100%;
	position: relative;
}

.appMgrTabPanel .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab {
  	color: #1D6F35;
	background: url("../images/Tab.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;  
	border: none;
	padding: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 200px;
	position: relative;
}

.appMgrTabPanel .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab .gwt-TabLayoutPanelTab-selected {
  	color: #1D6F35;
  	cursor: default;
  	text-align:center; 
    background: url("../images/Tab.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;
	position: relative;
}

.appMgrTabPanel .gwt-Label{
	font-family: "Trebuchet MS", sans-serif ; 
	font-weight: bold; 
	font-size:14px;	
	height:35px;
	text-align:center;
	/* text-indent:10px; */
	padding-top:11px;
	vertical-align: middle;
}

/* End: Application Manager TabPanel, TabBar and TabBarItem:
1.appMgrTabPanel
2.appMgrTabPanel .gwt-TabPanelBottom
3.customizedTabBar
4.customizedTabBar .gwt-TabBarItem
5.customizedTabBar .gwt-TabBarItem .gwt-Label
6.customizedTabBar .gwt-TabBarItem:HOVER
7.customizedTabBar .gwt-TabBarItem-selected  */


/* Start: Application Manager NavigationPane:
1.navPaneHeader
2.navPanelHeaderLbl
3.contentMenuItemSelectedLabel */
.navPaneHeader{
	color: White;		
	vertical-align:bottom;
	padding-bottom: 0px;
	padding-top: 0px;
	background: url("../images/NavPane-Header.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;  
	border: none;
	/*
	height: 25px;
	width: 192px;
	*/
	} 
    
.navPanelHeaderLbl{
	font-family:"Arial", sans-serif ; 
	font-weight: bold; 
	font-size:12px;	
	text-align:left;
	text-indent:10px;
	}
	
.contentMenuItemSelectedLabel{
	/*ND24012012:Commented, background-color: Green; */
	color: White;
	/*ND24012012:Commented, padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px; */
	font-family:"Arial", sans-serif ; 
	font-weight: bold;
	font-size:14px;
	text-align:left;
	text-indent:16px;	
	padding-bottom: 5px;
	padding-top: 5px;
	BACKGROUND-IMAGE: url(../images/NavPane-SelectedCategory.png);  	
	BACKGROUND-REPEAT: repeat-x;
	background-color: transparent;  
	border: none;
	height: 25px;
	WIDTH: 100%;
	}
/* End: Application Manager NavigationPane:
1.navPaneHeader
2.navPanelHeaderLbl
3.contentMenuItemSelectedLabel */
	
/* Start: Application Manager NavigationPane :
1.productCategoryDiscPanel
2.productCategoryDiscPanel .productCategoryDiscPanel-open
3.productCategoryDiscPanel .productCategoryDiscPanel-closed
4.screenLabel
5.screenLabelBlack
6.subScreenLabel
7.subScreenLabelBlack
8.categoryHeaderClosed
9.categoryHeaderOpen
10.categoryHeaderImage
11.subScreenPanel
12.subScreenPanel .subScreenPanel-open
13.subScreenPanel .subScreenPanel-closed
14.subScreenImage
15.subScreenHeader
16.subScreenHeaderClosed 
17.subScreenHeaderOpen
18.categoryHeaderText
19.categoryHeaderTextOpen
20.categoryHeaderBlack */
.productCategoryDiscPanel{
	/*
	width: 192px;
	height: 40px;
	*/
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	cursor:pointer;
	}

.productCategoryDiscPanel .productCategoryDiscPanel-open{
	padding: 0px 0px 0px 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 10px;
	font-size: 11px;
	border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-color: white;
	border-left-color: white;
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: white;
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	/*
	height:40px;
	width:192px;
	*/
	cursor:pointer;
	}

.productCategoryDiscPanel .productCategoryDiscPanel-closed{
	padding: 0px 0px 0px 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 10px;
	height:0px;
	width:192px;
	font-size: 11px;
	border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-color: white;
	border-left-color: white;
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: white;
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	cursor:pointer;
	}

	
.screensFlowPanel{
	width: 100%;
	height: 100%;
	}
	
.screenLabel{ 
	color:#1D6F35;
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	height: 26px;
	width: 192px;	
	text-indent: 10px;
	padding-top: 7px;
    background: url("../images/Screen-Nav-Panel.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;
	} 

.screenLabelBlack{ 
	color: #4D4D4D;
	font-family: "Arial";
	font-size: 11px;
	font-weight: normal;
	height: 26px;
	width: 192px;
	text-indent: 10px;
	padding-top: 7px;
    background: url("../images/Screen-Nav-Panel.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;
	} 
	
.subScreenLabel{ 
	color:#1D6F35;
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
	height: 26px;
	width: 192px;	
	text-indent: 20px;
	padding-top: 7px;
    background: url("../images/Screen-Nav-Panel.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;
	} 
	
.subScreenLabelBlack{ 
	color: #4D4D4D;
	font-family: "Arial";
	font-size: 11px;
	font-weight: normal;
	height: 26px;
	width: 192px;
	text-indent: 20px;
	padding-top: 7px;
	background-image: url(../images/Screen-Nav-Panel.png);  	
	background-repeat: no-repeat; 
	background-color: transparent;
	} 
	
.categoryHeaderClosed{ 
	color:#4D4D4D;	
    background: url("../images/Nav-PanelHeader-Collapsed.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;  	
	height: 40px;
	width: 192px;
	/* border-bottom-color: gray;
	border-bottom-style: solid;
	border-bottom-width: 1px; */
	text-decoration: none;
	/* border-top-color: gray;
	border-top-style: solid;
	border-top-width: 0.5px; */
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
	}

.categoryHeaderOpen{ 
    color:#4D4D4D;	
    background: url("../images/Nav-PanelHeader-Expanded.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;
	height: 40px;
	width: 192px;
/* 	border-bottom-color: gray;
	border-bottom-style: solid;
	border-bottom-width: 1px; */	
	text-decoration: none;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	}	

.categoryHeaderImage{ 	
	margin-right: 40px;
	} 
	
.subScreenPanel{
	width: 192px;
	height: 26px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
	}

.subScreenPanel .subScreenPanel-open{
	padding: 0px 0px 0px 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 10px;
	font-size: 11px;
	border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-color: white;
	border-left-color: white;
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: white;
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	height:26px;
	width:192px;
	}

.subScreenPanel .subScreenPanel-closed{
	padding: 0px 0px 0px 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 10px;
	height:0px;
	width:192px;
	font-size: 11px;
	border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-color: white;
	border-left-color: white;
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: white;
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	}
	
.subScreenImage{
	margin-right: 45px;
	}

.subScreenHeader{ 
	
	height: 26px;
	width: 192px;	
	text-decoration: none;	
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
	}
	
.subScreenHeaderClosed{ 
	color:#4D4D4D;
	font-family: "Arial";
	font-size: 11px;
	font-weight: normal;
    background: url("../images/SubScreen-Nav-PanelHeader-Collapsed.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;  	
	height: 26px;
	width: 192px;
	text-indent: 10px;
	text-decoration: blink;
	padding-top: 7px;
	}

.subScreenHeaderOpen{ 
	color:Green;
	font-family: "Arial";
	font-size: 11px;
	font-weight: bold;
    background: url("../images/SubScreen-Nav-PanelHeader-Expanded.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;  	
	height: 26px;
	width: 192px;
	text-indent: 10px;
	text-decoration: blink;
	padding-top: 7px;
	}
	
.categoryHeaderText{ 	
	text-indent: 10px;
	text-align: left;
	font-family: "Arial";
	font-size: 12px;
	font-weight: normal;
	height: 12px;
	padding-top: 0px;
	color:#4D4D4D;
	vertical-align: middle;
	text-decoration: none;
	} 

.categoryHeaderTextOpen{ 	
	text-indent: 10px;
	text-align: left;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	height: 12px;
	padding-top: 0px;
	color:#4D4D4D;
	vertical-align: middle;
	text-decoration: none;
	} 

.categoryHeaderBlack{ 
	text-indent: 10px;
	text-align: left;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	height: 12px;
	padding-top: 0px;
	color:#4D4D4D;
	vertical-align: middle;
	} 

/* End: Application Manager NavigationPane :
1.productCategoryDiscPanel
2.productCategoryDiscPanel .productCategoryDiscPanel-open
3.productCategoryDiscPanel .productCategoryDiscPanel-closed
4.screenLabel
5.screenLabelBlack
6.subScreenLabel
7.subScreenLabelBlack
8.categoryHeaderClosed
9.categoryHeaderOpen
10.categoryHeaderImage
11.subScreenPanel
12.subScreenPanel .subScreenPanel-open
13.subScreenPanel .subScreenPanel-closed
14.subScreenImage
15.subScreenHeader
16.subScreenHeaderClosed 
17.subScreenHeaderOpen
18.categoryHeaderText
19.categoryHeaderTextOpen
20.categoryHeaderBlack */

.subMenuSelectedItemPanel{
	background-color: #DCDCDC;
	}

.dashboardTab {
	
}

.mainDockLayoutPanel {
	border: 3px solid blue;
	position: relative;
	display: block;
}

.contentWindowWorkPanel{
	background-color: #E6E6E6;
	color: black;
	width: 100%;
	height: 100%;
	overflow:auto;
	border: 1px solid red;
}

.mainWindowDockLayoutPanel {
	width: 100%;
	height: 100%;
	overflow:auto;
	border: 1px solid red;
	position: relative;
}


.productCateAndScreenVerticalNavPanel{
	position: relative;
	display: inline-block;
}


/* End: Application Manager NavigationPane Content Window Header(Label, MenuBar)  */
.contentHeaderLabel{
	font-weight: bold;
	font-size: 14px; 
	font-family: "Arial";
	/* padding: 10px; */
	/* padding-top: 19px;
	padding-bottom: 19px; */
	text-align: left;
	text-indent: 16px;
	color: #4D4D4D;
	height: 14px;
	width: 30%;
	vertical-align: middle;
	}
	
.contentHeaderPanel{	
	background-color: white;
	height: 40px;
	width: 100%;
	}   
/*Start: Config Action Item Labels (Text, Graphics, Functions and Rule) Styles:
1.lblTextNRule
2.lblTextNRuleGreen
3.lblGraphics
4.lblGraphicsGreen
5.lblFunctions
6.lblFunctionsGreen */

.lblTextNRule {
  color: #4D4D4D;
  float: left;
 position: relative;
}

.lblFunctions {
  color: #4D4D4D;
  float: left;
}
.lblGraphics {
  color: #4D4D4D;
  float: left;
}
/*
.lblTextNRule{	
    border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-left-color: white;
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: white;
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	text-align: center;
	background-color: white;
	height: 15px;
	width: 68px;
	font-family: "Arial";
	font-size: 12px;
	font-weight: normal;
	color: #4D4D4D;
	padding-top: 0px;
	}
*/
.lblTextNRuleGreen{	
    border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-left-color: white;
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: white;
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	text-align: center;
	background-color: white;
	height: 15px;
	width: 68px;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	color: green;
	padding-top: 0px;
	}
/*
.lblGraphics{	
    border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-left-color: gray;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: gray;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	text-align: center;
	background-color: white;
	height: 15px;
	width: 94px;
	font-family: "Arial";
	font-size: 12px;
	font-weight: normal;
	color: #4D4D4D;
	padding-top: 0px;
	}

.lblGraphicsGreen{	
    border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-left-color: gray;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: gray;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	text-align: center;
	background-color: white;
	height: 15px;
	width: 94px;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	color: green;
	padding-top: 0px;
	}
	
.lblFunctions{	
    border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-left-color: gray;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: gray;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	text-align: center;
	background-color: white;
	height: 15px;
	width: 94px;
	font-family: "Arial";
	font-size: 12px;
	font-weight: normal;
	color: #4D4D4D;
	padding-top: 0px;
	}

.lblFunctionsGreen{	
    border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-left-color: white;
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: gray;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	text-align: center;
	background-color: white;
	height: 15px;
	width: 94px;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	color: green;
	padding-top: 0px;
	}
*/
/*End: Config Action Item Labels (Text, Graphics, Functions and Rule) Styles:
1.lblTextNRule
2.lblTextNRuleGreen
3.lblGraphics
4.lblGraphicsGreen
5.lblFunctions
6.lblFunctionsGreen */	

.screenFrame{	
	width: 488px;
	height: 600px;
	margin-left: 138px;
	margin-top: 31px;
	}
	
	.verticalSplitPanelBottom{
	 position: relative;
	background-color: #00000;
	
	padding-top: 5px;
	padding-bottom: 220px;
	padding-left: 13px;
	border-width: 1px solid Gray;
	
	}
	
	.screenColor{
	background-color: #00000;
	
	
	
	}
	
	
.verticalSplitPanel{
	 position: relative;
	background-color: #f7f7f7;
	 font-weight: bold;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-width: 1px solid Gray;
	
	}
	
	
	.hPanel{
	background-color: #f7f7f7;
	
	
	padding-left: 05px;
	border-width: 1px solid Gray;
   
}

.line{
	background-color: #aaaaaa;
	border-width: 1px solid Gray;
   
}

.linePanelGap{
	
	background-color: #f7f7f7;
	padding-bottom: 20px;

	border-width: 1px solid Gray;
   
}

.linePanel{
	
	background-color: gray;
	border-width: 1px solid Gray;
   
}

.label
{
   background-color: gray;   
 
   width: 600px;
   height: 0.4px:
}

.labelGap
{
   background-color: #f7f7f7;   
 
   width: 600px;
   height: 0.4px:
}




.onButton{
	
	

	background-color: lightgreen;
	
 
}

.offButton{

	
	
	 background-color: #f7f7f7;;
	 color: lightgray;
 
}

.onOffButtonPanel{
 position: relative;
	
	padding-left: 10px;
	 background-color: white;
	
 
}

.hPanelStyle{
	margin-right: 0px;
	}



/* stock list header row */
.watchListHeader {
  background-color: #f7f7f7;
  color: green;
 
}

.styleName1{
  position: relative;
	
	 background-color: lightgray;
}

.styleName4{
  position: relative;
  
	
	 background-color: #CCCCCC;
	
	 color: black;
	  font-weight: bold;
}

.styleName3{
 position: relative;
	
	 background-color: lightgreen;
	  font-weight: bold;
	  
}

.previewPanel{
	background-color: #f7f7f6;
	
	
	padding-left: 400px;
	margin:0px 20px 0px 0px; 
	border-width: 1px solid Gray;
   
}

.confirmPanel{
	
	
	
	
	margin:0px 30px 0px 0px; 
	
   
}

hr{

width: 95%;

height: 2px;

margin:15px 0px 15px 0px; 

}

/*Start*****************************************************************************
*************************Graphics Panel****************************************
*****************************************************************************
1.graphicsPanel
2.configEditorWidget
3.functionalPanel
4.functionButtonsPanel
5.graphicsUpdateScrollPanel
6.updatePanel
7.graphicItemDiscPanel
8.graphicItemDiscPanel .productCategoryDiscPanel-open
9.graphicItemDiscPanel .productCategoryDiscPanel-closed
10.graphicsDetailsPanel
11.graphicHorizontalPanel
12.graphicItemLabel
13.addNewImageBtn
14.folderImageClose
15.folderImageOpen
16.graphicItemImage
17.graphicItemInfoPanel
18.fileImage
19.itemImage
20.disabledSelectBtn
21.enabledSelectBtn
22.separatorLine
**/
.graphicsPanel{
	width: 750px;
	height: 100%;
	}
	
.configEditorWidget{
	width: 750px;
	height: 100%;
	}
	
.functionalPanel{
	width: 750px;
	height: 95px;
	}
	
.functionButtonsPanel{
	width: 750px;
	height: 100%;
	}
	
.graphicsUpdateScrollPanel{
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	width: 755px;
	height:400px;
	}

.updatePanel{
	width: 730px;
	margin-left: 0px;
	padding-left: 0px;
	height: 100%;
	}

.testLabel {
	color: green;
}

.testImage {
	margin-right: 20px;  
}

.graphicItemDiscPanel{
	width: 730px;
	height: 40px;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	}

.graphicItemDiscPanel .productCategoryDiscPanel-open{
	padding: 0px 0px 0px 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
	font-size: 12px;
	border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-color: white;
	border-left-color: white;
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: white;
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	/*
	height:40px;
	width:730px;
	*/
	}

.graphicItemDiscPanel .productCategoryDiscPanel-closed{
	padding: 0px 0px 0px 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
	/*
	height:0px;
	width:730px;
	*/
	font-size: 12px;
	border-bottom-color: white;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-color: white;
	border-left-color: white;
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: white;
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: white;
	border-top-style: none;
	border-top-width: 0px;
	}

.graphicsDetailsPanel{
	background-color: #DCDCDC;
	width: 730px;
	}
	
.graphicHorizontalPanel{
	/* margin-left: 20px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px; */
	margin-left: 0px;
	width: 730px;
	}
	
.graphicItemLabel{
	margin-left: 37px;	
	width: 91px;
	text-decoration: none;
	}
	
.addNewImageBtn{
	margin-left: 37px;	
	margin-top: 24px;	
	/*addNewImageBtn  */
    background: url("../images/BTN-DeleteAdd.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;
	border: none;  	
	text-align: center;
	padding-left: 15px;
	padding-top: 2px;
	}
	
.folderImageClose{
	margin-right: 40px;	 
	width: 18px;
	height: 16px;
	margin-left: 138px;	
	}	

.folderImageOpen{
	/* margin-right: 800px;	 */
	margin-left: 10px; 
	width: 18px;
	height: 16px;
	}
	
.graphicItemImage{
	margin-right: 0px;
	/*Below given is required when we scale the orignal image to a lower size
	Works only with IE7.*/
	-ms-interpolation-mode: bicubic;
	
	}
	
.graphicItemInfoPanel{
	border-bottom-width:0px;
	border-top-width:1px;	
	border-top-style: solid;
	border-bottom-color:black;
	border-top-color:rgb(190,190,190);
	background-color: #DCDCDC;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:37px;
	/* width: 723px; */
	width:100%;
	height: 47px;
	}
	
.fileImage{
	margin-left: 101px;
	/* margin-right: 100px; */
	}

.itemImage{	
	margin-left: 82px; 
	/*Below given is required when we scale the orignal image to a lower size
	Works only with IE7.*/
	-ms-interpolation-mode: bicubic;
	}
	
.disabledSelectBtn{
	background-color: #DCDCDC;
	color: gray;
	font-weight:normal;
	text-align:center;
	margin-left: 160px;
	/* margin-right:100px; */
    background: url("../images/BTN-DisabledSelect.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;
	border: none;  	
	padding-left: 4px;
	padding-top: 1px;
	}
	
.enabledSelectBtn{
	background-color: Green;
	color: White;
	margin-left: 160px;
	/* margin-right: 100px; */
    background: url("../images/BTN-DeleteAdd.png") no-repeat;
	background-repeat: no-repeat; 
	background-color: transparent;
	border: none;  	
	text-align:center;
	font-weight: normal;
	padding-left: 4px;
	padding-top: 1px;
	}

.separatorLine{
	margin-left: 37px;
	margin-right: 20px;
	margin-top: 0px;
	height: 0px;		
	}
	
.undoButton{
	margin-left: 30px;
	/* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FBFBFB',EndColorStr='#B3B3B3');*/
	text-align:center;
	font-family: Arial;
	font-size: 11pt;
	color: #4D4D4D;	
	}
.undoButton:HOVER{
	margin-left: 30px; 
	/* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FDFDFD',EndColorStr='#D7D7D7');*/
	text-align:center;
	font-family: Arial;
	font-size: 11pt;
	color: #4D4D4D; 
	}
		
.previewButton{
	margin-left: 350px; 
	/* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FBFBFB',EndColorStr='#B3B3B3');*/
	text-align:center;
	font-family: Arial;
	font-size: 11pt;
	color: #4D4D4D; 
	}
	
.previewButton:HOVER{
	margin-left: 350px; 
	/* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FDFDFD',EndColorStr='#D7D7D7');*/
	text-align:center;
	font-family: Arial;
	font-size: 11pt;
	color: #4D4D4D; 
	}
	
.confirmButton{
	margin-left: 15px;
	/* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FBFBFB',EndColorStr='#B3B3B3');*/
	text-align:center;
	font-family: Arial;
	font-size: 11pt;
	color: #4D4D4D;
	}

.confirmButton:HOVER{
	margin-left: 15px; 
	/* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FDFDFD',EndColorStr='#D7D7D7');*/
	text-align:center;
	font-family: Arial;
	font-size: 11pt;
	color: #4D4D4D; 
	}
.splitter{
	margin-left: 37px;
	margin-right: 20px; 
	}
hr{  

width: 95%;
color: rgb(190,190,190);
height: 2px;
margin:10px 0px 10px 0px; 

}
/***************Text Configurations*******************/

.automatic{
	margin:0px 0px 0px 0px; 
}

.fontOptionsList{
	margin-right: 5px;
	margin-bottom: 9px;
	height: 25x;
	width: 80px;
}

.configurationsWidget{
	margin-top:10px;
	margin-left:25px;
}

.fontsAlignmentImg{
	margin-right: 5px;
	width: 23px;
	height: 23x;
	margin-bottom: 5px;
}

.categoryTextHeader{
	font-weight: bold;
	margin:15px 0px 15px 0px; 
}

.borderForSelected{
border-style:solid;
border-width:1px;
border-color:#000000;
}

hr{
width: 100%;
height: 2px;
margin:10px 0px 10px 0px; 
}

.previewConfirmBtn {
position:absolute;
right:50px;
}

.undoBtn{
position:absolute;
left:10px;
}

.hPanelStyle{
position:absolute;
right:55px;	
	
	}
	
.dialogVPanel {
  margin: 10px;
}

.gwt-DialogBox .Caption { 
	background-color: Green;
}

.mouseCursor_default { 
  cursor:default; 
} 

.errorCodeLabel{
	font-weight: bold;
}